<template>
  <div class="test-container">
    <ImageLoader src="https://inews.gtimg.com/om_bt/Os3eJ8u3SgB3Kd-zrRRhgfR5hUvdwcVPKUTNO6O7sZfUwAA/641" 
    placeholder="https://img1.baidu.com/it/u=3894448703,4009628845&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" 
    :duration="1000"
    @load="handleLoader"
    />
  </div>
</template>

<script>
import ImageLoader from './';
export default {
  name: 'App',
  components:{
    ImageLoader,
  },
  methods:{
    handleLoader(){
      console.log('ImageLoader组件事件触发，图片加载完成');
    }
  }
}
</script>

<style lang="less" scoped>

.test-container{
    width: 500px;
    height: 400px;
    border: 2px solid;
    margin: 0 auto;
}
</style>